<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Medforce - Gaming Subscription Website Html Template</title>
<!-- fontawesome css link -->
<link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
<!-- flaticon css -->
<link rel="stylesheet" href="assets/font/flaticon.css">
<!-- magnific popup -->
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<!-- nice-select css -->
<link rel="stylesheet" href="assets/css/nice-select.css">
<!-- bootstrap css link -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- swipper css link -->
<link rel="stylesheet" href="assets/css/swiper.min.css">
<!-- favicon -->
<link rel="shortcut icon" href="assets/images/banner/fav.png" type="image/x-icon">
<!-- animate.css -->
<link rel="stylesheet" href="assets/css/animate.css">
<!-- datepicker.css -->
<link rel="stylesheet" href="assets/css/datepicker.min.css">
<!-- odometer css -->
<link rel="stylesheet" href="assets/css/odometer.css">
<!-- main style css link -->
<link rel="stylesheet" href="assets/css/style.css">
<!-- responsive css link -->
<link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body>
<div class="preloader">
  <div class="preloader-inner">
    <div class="preloader-icon"><span></span><span></span></div>
    <!-- /preloader-icon --></div>
  <!-- /preloader-inner --></div>
<!-- /preloader -->
<div class="cursor"></div>
<!-- header-section start -->
<header class="header-section">
  <div class="header">
    <div class="header-top-area">
      <div class="container">
        <div class="header-top-content d-flex flex-wrap align-items-center justify-content-between">
          <div class="header-logo"><a class="site-logo site-title" href="index.html"><img src="assets/images/banner/logo.png" alt="site-logo"></a></div>
          <div class="header-right d-flex flex-wrap align-items-center">
            <div class="header-social-area">
              <ul class="header-social">
                <li><a href="#0"><i class="fab fa-facebook-f"></i></a></li>
                <li><a href="#0" class="active"><i class="fab fa-twitter"></i></a></li>
                <li><a href="#0"><i class="fab fa-pinterest-p"></i></a></li>
                <li><a href="#0"><i class="fab fa-google-plus-g"></i></a></li>
              </ul>
            </div>
            <div class="language-select-list d-flex flex-wrap">
              <div class="language-thumb"><img src="assets/images/lang.png" alt="language"></div>
              <div class="language-select">
                <select class="select-bar">
                  <option value="1">Languages</option>
                  <option value="2">Bangla</option>
                  <option value="3">Hindi</option>
                </select>
              </div>
            </div>
            <div class="header-action"><a href="#0" class="cmn-btn">Join Us</a></div>
          </div>
        </div>
      </div>
    </div>
    <div class="header-bottom">
      <div class="container">
        <nav class="navbar navbar-expand-lg p-0"><a class="site-logo site-title d-lg-none" href="index.html"><img src="assets/images/banner/logo.png" alt="site-logo"></a>
          <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="fas fa-bars"></span></button>
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav main-menu">
              <li class="active"><a href="index.html">Home</a></li>
              <li><a href="#0">About</a></li>
              <li><a href="#0">Games</a></li>
              <li><a href="#0">Plan</a></li>
              <li class="menu_has_children"><a href="#0">Blog</a>
                <ul class="sub-menu">
                  <li><a href="blog.html">Blog Post</a></li>
                  <li><a href="blog-details.html">Blog Details</a></li>
                </ul>
              </li>
              <li><a href="contact.html">Contact</a></li>
            </ul>
          </div>
          <div class="header-search-bar">
            <input type="text" name="text" placeholder="I’m searching for _">
            <button class="header-search-btn"><i class="fas fa-search"></i></button>
          </div>
        </nav>
      </div>
    </div>
  </div>
</header>
<!-- header-section end --><!-- banner-section start -->
<section class="banner-section bg bg_img" data-background="assets/images/banner/banner.png">
  <div class="banner-element-one my-paroller" data-paroller-factor="0.1" data-paroller-type="foreground" data-paroller-direction="horizontal"><img src="assets/images/banner/ship1.png" alt="element"></div>
  <div class="banner-element-two my-paroller" data-paroller-factor="0.05" data-paroller-type="foreground" data-paroller-direction="horizontal"><img src="assets/images/banner/man1.png" alt="element"></div>
  <div class="banner-element-three my-paroller" data-paroller-factor="0.07" data-paroller-type="foreground" data-paroller-direction="horizontal"><img src="assets/images/banner/man3.png" alt="element"></div>
  <div class="banner-element-four my-paroller" data-paroller-factor="0.07" data-paroller-type="foreground" data-paroller-direction="horizontal"><img src="assets/images/banner/man2.png" alt="element"></div>
  <div class="banner-element-five my-paroller" data-paroller-factor="0.07" data-paroller-type="foreground" data-paroller-direction="horizontal"><img src="assets/images/banner/ship2.png" alt="element"></div>
  <div class="banner-element-six my-paroller" data-paroller-factor="0.07" data-paroller-type="foreground" data-paroller-direction="horizontal"><img src="assets/images/banner/Robot.png" alt="element"></div>
  <div class="banner-element-seven my-paroller" data-paroller-factor="0.07" data-paroller-type="foreground" data-paroller-direction="horizontal"><img src="assets/images/banner/ship3.png" alt="element"></div>
  <div class="banner-element-eight"><img src="assets/images/banner/line3.png" alt="element"></div>
  <div class="banner-element-nine"><img src="assets/images/banner/line4.png" alt="element"></div>
  <div class="banner-element-ten"><img src="assets/images/banner/circle2.png" alt="element"></div>
  <div class="banner-element-eleven"><img src="assets/images/banner/circle1.png" alt="element"></div>
  <div class="banner-element-twelve"><img src="assets/images/banner/line3.png" alt="element"></div>
  <div class="banner-element-thirteen"><img src="assets/images/banner/line6.png" alt="element"></div>
  <div class="banner-element-fourteen"><img src="assets/images/banner/line6.png" alt="element"></div>
  <div class="banner-element-fifteen"><img src="assets/images/banner/line3.png" alt="element"></div>
  <div class="banner-element-sixteen"><img src="assets/images/banner/line7.png" alt="element"></div>
  <div class="banner-element-seventeen"><img src="assets/images/banner/line1.png" alt="element"></div>
  <div class="banner-element-eightteen"><img src="assets/images/banner/manyline.png" alt="element"></div>
  <div class="banner-element-nineteen"><img src="assets/images/banner/whitedot.png" alt="element"></div>
  <div class="container">
    <div class="row align-items-center mb-30-none">
      <div class="col-lg-6 mb-30">
        <div class="banner-content">
          <h2 class="title">Epic Games Made for True Gamers!</h2>
          <span class="sub-title">One low monthly price.Cancel anytime.</span>
          <div class="banner-btn-area"><a href="#0" class="cmn-btn">Sign up<i class="fas fa-long-arrow-alt-right"></i></a><a href="#0" class="cmn-btn-border">Browse games</a></div>
          <div class="trial-area"><a href="#0"><span>Start Your Free 14 Days</span></a></div>
        </div>
      </div>
      <div class="col-lg-6 mb-30">
        <div class="banner-video-area">
          <div class="banner-video-icon"><a class="popup-youtube mfp-iframe" href="https://www.youtube.com/watch?v=pOuW1dDFXxo"><img src="assets/images/banner/play.png" alt="video"></a></div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- banner-section end --><!-- about-section start -->
<section class="about-section bg pt-120 pb-120" id="about">
  <div class="about-element-one"><img src="assets/images/about/icon-1.png" alt="icon"></div>
  <div class="about-element-two"><img src="assets/images/about/icon-2.png" alt="icon"></div>
  <div class="about-element-three"><img src="assets/images/about/icon-3.png" alt="icon"></div>
  <div class="about-element-four"><img src="assets/images/about/icon-4.png" alt="icon"></div>
  <div class="about-element-five"><img src="assets/images/about/icon-5.png" alt="icon"></div>
  <div class="about-element-six"><img src="assets/images/about/icon-5.png" alt="icon"></div>
  <div class="about-element-seven"><img src="assets/images/about/icon-6.png" alt="icon"></div>
  <div class="about-element-eight"><img src="assets/images/about/icon-7.png" alt="icon"></div>
  <div class="about-element-nine"><img src="assets/images/about/icon-8.png" alt="icon"></div>
  <div class="about-element-ten"><img src="assets/images/about/icon-9.png" alt="icon"></div>
  <div class="container">
    <div class="row justify-content-center align-items-center mb-30-none">
      <div class="col-lg-6 mb-30">
        <div class="about-item-area">
          <div class="row justify-content-center mb-30-none">
            <div class="col-lg-6">
              <div class="about-item text-center">
                <div class="about-icon"><img src="assets/images/about/about-1.png" alt="about"></div>
                <h3 class="title">Great PC Games</h3>
                <p>Lorem ipsum dolor sit amet,consectetur tur adipiscing elit. </p>
                <div class="about-btn"><a href="#0" class="custom-btn">Read More<i class="fas fa-long-arrow-alt-right"></i></a></div>
              </div>
            </div>
            <div class="col-lg-6">
              <div class="about-item about-item--style text-center mt-30">
                <div class="about-icon"><img src="assets/images/about/about-2.png" alt="about"></div>
                <h3 class="title">Platform for gaming</h3>
                <p>Lorem ipsum dolor sit amet,consectetur tur adipiscing elit. </p>
                <div class="about-btn"><a href="#0" class="custom-btn">Read More<i class="fas fa-long-arrow-alt-right"></i></a></div>
              </div>
            </div>
            <div class="col-lg-6 mb-30">
              <div class="about-item text-center">
                <div class="about-icon"><img src="assets/images/about/about-3.png" alt="about"></div>
                <h3 class="title">Friends & community</h3>
                <p>Lorem ipsum dolor sit amet,consectetur tur adipiscing elit. </p>
                <div class="about-btn"><a href="#0" class="custom-btn">Read More<i class="fas fa-long-arrow-alt-right"></i></a></div>
              </div>
            </div>
            <div class="col-lg-6 mb-30">
              <div class="about-item about-item--style-two text-center mt-30">
                <div class="about-icon"><img src="assets/images/about/about-4.png" alt="about"></div>
                <h3 class="title">Customer service</h3>
                <p>Lorem ipsum dolor sit amet,consectetur tur adipiscing elit. </p>
                <div class="about-btn"><a href="#0" class="custom-btn">Read More<i class="fas fa-long-arrow-alt-right"></i></a></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-6 mb-30">
        <div class="about-content">
          <h3 class="sub-title">ABOUT Medforce</h3>
          <h2 class="title">Stunning artwork and gameplay unlike any other.</h2>
          <p>All the games,all the time. No additional purchases or revolving monthly catalogs. Play whatever you want,whenever you want,as many times as you want.</p>
          <p>vestibulum urna id,vulputate ipsum. Integer sodales nisl eget eros lacinia,varius pulvinar justo convallis. Ut id ante non quam viverra egestas vel ac eros. Morbi ac rutrum erat. Lorem ipsum dolor sit amet,consectetur adipiscing elit. </p>
          <div class="about-content-btn"><a href="#0" class="cmn-btn">Read Our Story<i class="fas fa-long-arrow-alt-right"></i></a></div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- about-section end --><!-- play-section start -->
<section class="play-section bg pt-120 pb-120">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-6 text-center">
        <div class="section-header">
          <h3 class="sub-title">Amazing new games</h3>
          <h2 class="section-title">Play Every Month</h2>
          <p>Whether you want to go on an epic adventure,show your skills online or play together with family and friends</p>
        </div>
      </div>
    </div>
  </div>
  <div class="container-fluid p-xl-0">
    <div class="row m-0">
      <div class="col-xl-6 pl-0">
        <div class="w-100 h-100 bg_img" data-background="https://images.unsplash.com/photo-1542751371-adc38448a05e?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2670&q=80" style="opacity: .2"></div>
      </div>
      <div class="col-xl-6 pr-0">
        <div class="play-item-area pt-120 pb-120">
          <div class="bal-thumb bg_img d-xl-none" data-background="./assets/css/img/circle.png"></div>
          <div class="play-wrapper">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="play-post-thumb"><img src="assets/images/play/play-1.jpg" alt="play">
                  <div class="play-thumb-overlay">
                    <div class="play-overlay-content">
                      <h3 class="title">Moto Racing 3d</h3>
                      <p>Run 20,000 meters</p>
                    </div>
                    <div class="play-overlay-footer"><span class="sub-title">Player Signed</span>
                      <div class="play-sign-area d-flex flex-wrap align-items-center justify-content-between">
                        <div class="sign-thumb"><a href="#0"><img src="assets/images/play/sign.png" alt="sign"></a></div>
                        <div class="sign-btn"><a href="#0"><i class="fas fa-long-arrow-alt-right"></i></a></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="play-post-thumb"><img src="assets/images/play/play-2.jpg" alt="play">
                  <div class="play-thumb-overlay">
                    <div class="play-overlay-content">
                      <h3 class="title">Battlelands Royale</h3>
                      <p>Eliminate 10 opponents</p>
                    </div>
                    <div class="play-overlay-footer"><span class="sub-title">Player Signed</span>
                      <div class="play-sign-area d-flex flex-wrap align-items-center justify-content-between">
                        <div class="sign-thumb"><a href="#0"><img src="assets/images/play/sign.png" alt="sign"></a></div>
                        <div class="sign-btn"><a href="#0"><i class="fas fa-long-arrow-alt-right"></i></a></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="play-post-thumb"><img src="assets/images/play/play-3.jpg" alt="play">
                  <div class="play-thumb-overlay">
                    <div class="play-overlay-content">
                      <h3 class="title">Extreme Battles</h3>
                      <p>Eliminate 10 opponents</p>
                    </div>
                    <div class="play-overlay-footer"><span class="sub-title">Player Signed</span>
                      <div class="play-sign-area d-flex flex-wrap align-items-center justify-content-between">
                        <div class="sign-thumb"><a href="#0"><img src="assets/images/play/sign.png" alt="sign"></a></div>
                        <div class="sign-btn"><a href="#0"><i class="fas fa-long-arrow-alt-right"></i></a></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- play-section end --><!-- join-section start -->
<section class="join-section bg pt-120 pb-120">
  <div class="join-element-one"><img src="assets/images/join/icon-1.png" alt="icon"></div>
  <div class="join-element-two"><img src="assets/images/join/icon-2.png" alt="icon"></div>
  <div class="join-element-three"><img src="assets/images/join/icon-3.png" alt="icon"></div>
  <div class="join-element-four"><img src="assets/images/join/icon-4.png" alt="icon"></div>
  <div class="join-element-five"><img src="assets/images/join/icon-5.png" alt="icon"></div>
  <div class="join-element-six"><img src="assets/images/join/icon-6.png" alt="icon"></div>
  <div class="join-element-seven"><img src="assets/images/join/icon-7.png" alt="icon"></div>
  <div class="join-element-eight"><img src="assets/images/join/icon-5.png" alt="icon"></div>
  <div class="join-element-nine"><img src="assets/images/join/icon-6.png" alt="icon"></div>
  <div class="join-element-ten"><img src="assets/images/join/icon-7.png" alt="icon"></div>
  <div class="join-element-eleven"><img src="assets/images/join/icon-5.png" alt="icon"></div>
  <div class="join-element-twelve"><img src="assets/images/join/icon-6.png" alt="icon"></div>
  <div class="join-element-thirteen"><img src="assets/images/join/icon-7.png" alt="icon"></div>
  <div class="join-element-fourteen"><img src="assets/images/join/icon-5.png" alt="icon"></div>
  <div class="join-element-fifteen"><img src="assets/images/join/icon-6.png" alt="icon"></div>
  <div class="join-element-sixteen"><img src="assets/images/join/icon-7.png" alt="icon"></div>
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-6 text-center">
        <div class="section-header">
          <h3 class="sub-title">Join players </h3>
          <h2 class="section-title">Around The World</h2>
          <p>Whether you want to go on an epic adventure,show your skills online or play together with family and friends</p>
        </div>
      </div>
    </div>
    <div class="row justify-content-center">
      <div class="col-lg-4">
        <div class="counter-item mb-30">
          <div class="counter-content">
            <div class="odo-area">
              <h3 class="odo-title odometer" data-odometer-final="50125198">0</h3>
            </div>
          </div>
          <p>Page views per month</p>
        </div>
        <div class="counter-item mb-30">
          <div class="counter-content">
            <div class="odo-area">
              <h3 class="odo-title odometer" data-odometer-final="15034087">0</h3>
            </div>
          </div>
          <p>Users</p>
        </div>
        <div class="counter-item mb-30">
          <div class="counter-content">
            <div class="odo-area">
              <h3 class="odo-title odometer" data-odometer-final="33">0</h3>
            </div>
          </div>
          <p>Countries</p>
        </div>
      </div>
      <div class="col-lg-8">
        <div id="vmap">
          <div class="position-1"><span class="dot"></span>
            <div class="details">
              <h6 class="name">Gerd Muller</h6>
              <p class="area">From:Argentina</p>
            </div>
          </div>
          <div class="position-2"><span class="dot"></span>
            <div class="details">
              <h6 class="name">P Pique</h6>
              <p class="area">From:Netherland</p>
            </div>
          </div>
          <div class="position-3"><span class="dot"></span>
            <div class="details">
              <h6 class="name">Marcelo Viera</h6>
              <p class="area">From:Spain</p>
            </div>
          </div>
          <div class="position-4"><span class="dot"></span>
            <div class="details">
              <h6 class="name">Zabaleta</h6>
              <p class="area">From:Brazil</p>
            </div>
          </div>
          <div class="position-5"><span class="dot"></span>
            <div class="details">
              <h6 class="name">Cukuese</h6>
              <p class="area">From:Africa</p>
            </div>
          </div>
          <div class="position-6"><span class="dot"></span>
            <div class="details">
              <h6 class="name">Mark Haland</h6>
              <p class="area">From:Germany</p>
            </div>
          </div>
          <div class="position-7"><span class="dot"></span>
            <div class="details">
              <h6 class="name">Diego Costa</h6>
              <p class="area">From:Italy</p>
            </div>
          </div>
          <div class="position-8"><span class="dot"></span>
            <div class="details">
              <h6 class="name">Rosario</h6>
              <p class="area">From:Argentina</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- join-section end --><!-- challenge-section start -->
<section class="challenge-section bg">
  <div class="container">
    <div class="challenge-area">
      <div class="row justify-content-center mb-30-none">
        <div class="col-lg-4 col-md-6 col-sm-8 mb-30">
          <div class="challenge-item text-center">
            <div class="challenge-thumb"><img src="assets/images/challenge/challenge-1.png" alt="challenge"></div>
            <div class="challenge-content">
              <h3 class="title">New Tournaments Every Day</h3>
              <div class="challenge-btn">
                <div class="about-btn"><a href="#0" class="custom-btn">View Tournamnets <i class="fas fa-long-arrow-alt-right"></i></a></div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-8 mb-30">
          <div class="challenge-item text-center">
            <div class="challenge-thumb"><img src="assets/images/challenge/challenge-2.png" alt="challenge"></div>
            <div class="challenge-content">
              <h3 class="title">Challenge Your <br>
                Friends</h3>
              <div class="challenge-btn">
                <div class="about-btn"><a href="#0" class="custom-btn">View Tournamnets <i class="fas fa-long-arrow-alt-right"></i></a></div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-8 mb-30">
          <div class="challenge-item text-center">
            <div class="challenge-thumb"><img src="assets/images/challenge/challenge-3.png" alt="challenge"></div>
            <div class="challenge-content">
              <h3 class="title">Available On <br>
                Any Device</h3>
              <div class="challenge-btn">
                <div class="about-btn"><a href="#0" class="custom-btn">View Tournamnets <i class="fas fa-long-arrow-alt-right"></i></a></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- challenge-section end --><!-- game-section start -->
<section class="game-section bg pt-120 pb-120" id="game">
  <div class="game-inner"></div>
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-6 text-center">
        <div class="section-header">
          <h3 class="sub-title">A MASSIVE GAME COLLECTION</h3>
          <h2 class="section-title">Play The Best of Medforce</h2>
          <p>Whether you want to go on an epic adventure,show your skills online or play together with family and friends</p>
        </div>
      </div>
    </div>
    <div class="row justify-content-center mb-30-none">
      <div class="col-lg-4 col-md-6 col-sm-8 mb-30">
        <div class="game-item">
          <div class="game-thumb"><img src="assets/images/game/game-1.png" alt="game"></div>
          <div class="game-content">
            <div class="game-content-body">
              <h3 class="title">realistic battles war</h3>
              <div class="game-meta-post d-flex flex-wrap">
                <div class="game-verson"><span>Ver.2.1.5</span></div>
                <div class="game-ratings"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
              </div>
            </div>
            <div class="game-content-footer">
              <div class="game-content-footer-content d-flex flex-wrap align-items-center justify-content-between">
                <div class="game-player"><span>1356 Active Players</span></div>
                <div class="game-footer-icon"><i class="fas fa-long-arrow-alt-right"></i></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 col-sm-8 mb-30">
        <div class="game-item">
          <div class="game-thumb"><img src="assets/images/game/game-2.png" alt="game"><span class="thumb-details">Hot</span></div>
          <div class="game-content">
            <div class="game-content-body">
              <h3 class="title">Realm Royale </h3>
              <div class="game-meta-post d-flex flex-wrap">
                <div class="game-verson"><span>Ver.2.1.5</span></div>
                <div class="game-ratings"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
              </div>
            </div>
            <div class="game-content-footer">
              <div class="game-content-footer-content d-flex flex-wrap justify-content-between">
                <div class="game-player"><span>1356 Active Players</span></div>
                <div class="game-footer-icon"><i class="fas fa-long-arrow-alt-right"></i></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 col-sm-8 mb-30">
        <div class="game-item">
          <div class="game-thumb"><img src="assets/images/game/game-3.png" alt="game"></div>
          <div class="game-content">
            <div class="game-content-body">
              <h3 class="title">Resident Evil 2 </h3>
              <div class="game-meta-post d-flex flex-wrap">
                <div class="game-verson"><span>Ver.2.1.5</span></div>
                <div class="game-ratings"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
              </div>
            </div>
            <div class="game-content-footer">
              <div class="game-content-footer-content d-flex flex-wrap justify-content-between">
                <div class="game-player"><span>1356 Active Players</span></div>
                <div class="game-footer-icon"><i class="fas fa-long-arrow-alt-right"></i></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 col-sm-8 mb-30">
        <div class="game-item">
          <div class="game-thumb"><img src="assets/images/game/game-4.png" alt="game"></div>
          <div class="game-content">
            <div class="game-content-body">
              <h3 class="title">Battlelands Royale</h3>
              <div class="game-meta-post d-flex flex-wrap">
                <div class="game-verson"><span>Ver.2.1.5</span></div>
                <div class="game-ratings"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
              </div>
            </div>
            <div class="game-content-footer">
              <div class="game-content-footer-content d-flex flex-wrap justify-content-between">
                <div class="game-player"><span>1356 Active Players</span></div>
                <div class="game-footer-icon"><i class="fas fa-long-arrow-alt-right"></i></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 col-sm-8 mb-30">
        <div class="game-item">
          <div class="game-thumb"><img src="assets/images/game/game-5.png" alt="game"></div>
          <div class="game-content">
            <div class="game-content-body">
              <h3 class="title">God of War </h3>
              <div class="game-meta-post d-flex flex-wrap">
                <div class="game-verson"><span>Ver.2.1.5</span></div>
                <div class="game-ratings"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
              </div>
            </div>
            <div class="game-content-footer">
              <div class="game-content-footer-content d-flex flex-wrap justify-content-between">
                <div class="game-player"><span>1356 Active Players</span></div>
                <div class="game-footer-icon"><i class="fas fa-long-arrow-alt-right"></i></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 col-sm-8 mb-30">
        <div class="game-item">
          <div class="game-thumb"><img src="assets/images/game/game-6.png" alt="game"><span class="thumb-details">Hot</span></div>
          <div class="game-content">
            <div class="game-content-body">
              <h3 class="title">Call of Duty 4</h3>
              <div class="game-meta-post d-flex flex-wrap">
                <div class="game-verson"><span>Ver.2.1.5</span></div>
                <div class="game-ratings"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
              </div>
            </div>
            <div class="game-content-footer">
              <div class="game-content-footer-content d-flex flex-wrap justify-content-between">
                <div class="game-player"><span>1356 Active Players</span></div>
                <div class="game-footer-icon"><i class="fas fa-long-arrow-alt-right"></i></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row justify-content-center mt-60">
      <div class="game-footer-btn"><a href="#0" class="cmn-btn-border">Browse More Games </a></div>
    </div>
  </div>
</section>
<!-- game-section end --><!-- client-section start -->
<section class="client-section bg pt-120 pb-120">
  <div class="client-element-one"><img src="assets/images/circle-1.png" alt="shape"></div>
  <div class="client-element-two"><img src="assets/images/circle-2.png" alt="shape"></div>
  <div class="client-element-three"><img src="assets/images/join/icon-5.png" alt="shape"></div>
  <div class="client-element-four"><img src="assets/images/join/icon-6.png" alt="shape"></div>
  <div class="client-element-five"><img src="assets/images/join/icon-7.png" alt="shape"></div>
  <div class="client-element-six"><img src="assets/images/join/icon-5.png" alt="shape"></div>
  <div class="client-element-seven"><img src="assets/images/join/icon-6.png" alt="shape"></div>
  <div class="client-element-eight"><img src="assets/images/join/icon-7.png" alt="shape"></div>
  <div class="container">
    <div class="row justify-content-center align-items-center mb-30-none">
      <div class="col-lg-7 mb-30">
        <div class="client-item-area">
          <div class="ruddra-next"><img src="assets/images/next.png" alt="next"></div>
          <div class="ruddra-prev"><img src="assets/images/prev.png" alt="prev"></div>
          <div class="client-wrapper">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="client-item text-center">
                  <div class="client-thumb"><img src="assets/images/client.png" alt="client"></div>
                  <div class="client-details">
                    <div class="client-ratings"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
                    <p>So easy to discover incredible new games,I can start playing immediately;one click and I’m in!</p>
                    <div class="client-name"><span class="title">Donnie Neal </span></div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="client-item text-center">
                  <div class="client-thumb"><img src="assets/images/client.png" alt="client"></div>
                  <div class="client-details">
                    <div class="client-ratings"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
                    <p>So easy to discover incredible new games,I can start playing immediately;one click and I’m in!</p>
                    <div class="client-name"><span class="title">Donnie Neal </span></div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="client-item text-center">
                  <div class="client-thumb"><img src="assets/images/client.png" alt="client"></div>
                  <div class="client-details">
                    <div class="client-ratings"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
                    <p>So easy to discover incredible new games,I can start playing immediately;one click and I’m in!</p>
                    <div class="client-name"><span class="title">Donnie Neal </span></div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="client-item text-center">
                  <div class="client-thumb"><img src="assets/images/client.png" alt="client"></div>
                  <div class="client-details">
                    <div class="client-ratings"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
                    <p>So easy to discover incredible new games,I can start playing immediately;one click and I’m in!</p>
                    <div class="client-name"><span class="title">Donnie Neal </span></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="swiper-pagination"></div>
          </div>
        </div>
      </div>
      <div class="col-lg-5 mb-30">
        <div class="client-content">
          <h3 class="sub-title">Testimonials</h3>
          <h2 class="title">5000+happy clients all around the world</h2>
          <div class="client-btn"><a href="#0" class="cmn-btn">Leave a review<i class="fas fa-long-arrow-alt-right"></i></a></div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- client-section end --><!-- pricing-section start -->
<section class="pricing-section bg pt-120" id="plan">
  <div class="pricing-element"><img src="https://images.unsplash.com/photo-1496715976403-7e36dc43f17b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2670&q=80" alt="pricing" style="opacity: .1"></div>
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-8 text-center">
        <div class="section-header">
          <h3 class="sub-title">Choose Yours</h3>
          <h2 class="section-title">Simple Pricing Plans</h2>
          <p>Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida</p>
        </div>
      </div>
    </div>
    <div class="pricing-item-area">
      <div class="row justify-content-center mb-30-none">
        <div class="col-lg-4 col-md-6 col-sm-8 mb-30">
          <div class="pricing-item">
            <div class="pricing-element"><img src="assets/images/pricing-element.png" alt="element"></div>
            <div class="pricing-header text-center"><span class="sub-title">Personal</span>
              <h2 class="title"><span>$</span>6.99</h2>
              <span class="month">Per Month</span></div>
            <ul class="pricing-list">
              <li><img src="assets/images/check.png" alt="check"><span>First 14 days free</span></li>
              <li><img src="assets/images/check.png" alt="check"><span>Play unlimited games</span></li>
              <li><img src="assets/images/check.png" alt="check"><span>Cancel anytime</span></li>
              <li><img src="assets/images/cross.png" alt="check"><span>Invite up to More members</span></li>
              <li><img src="assets/images/cross.png" alt="check"><span>Parental control</span></li>
            </ul>
            <div class="pricing-btn"><a href="#0" class="cmn-btn">join now!</a></div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-8 mb-30">
          <div class="pricing-item">
            <div class="pricing-element"><img src="assets/images/pricing-element.png" alt="element"></div>
            <div class="pricing-header text-center"><span class="sub-title">Small Team</span>
              <h2 class="title"><span>$</span>9.99</h2>
              <span class="month">Per Month</span></div>
            <ul class="pricing-list">
              <li><img src="assets/images/check.png" alt="check"><span>First 14 days free</span></li>
              <li><img src="assets/images/check.png" alt="check"><span>Play unlimited games</span></li>
              <li><img src="assets/images/check.png" alt="check"><span>Cancel anytime</span></li>
              <li><img src="assets/images/cross.png" alt="check"><span>Invite up to More members</span></li>
              <li><img src="assets/images/cross.png" alt="check"><span>Parental control</span></li>
            </ul>
            <div class="pricing-btn"><a href="#0" class="cmn-btn">join now!</a></div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-8 mb-30">
          <div class="pricing-item">
            <div class="pricing-element"><img src="assets/images/pricing-element.png" alt="element"></div>
            <div class="pricing-header text-center"><span class="sub-title">Enterprise</span>
              <h2 class="title"><span>$</span>19.99</h2>
              <span class="month">Per Month</span></div>
            <ul class="pricing-list">
              <li><img src="assets/images/check.png" alt="check"><span>First 14 days free</span></li>
              <li><img src="assets/images/check.png" alt="check"><span>Play unlimited games</span></li>
              <li><img src="assets/images/check.png" alt="check"><span>Cancel anytime</span></li>
              <li><img src="assets/images/cross.png" alt="check"><span>Invite up to More members</span></li>
              <li><img src="assets/images/cross.png" alt="check"><span>Parental control</span></li>
            </ul>
            <div class="pricing-btn"><a href="#0" class="cmn-btn">join now!</a></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- pricing-section end --><!-- faq-section start -->
<section class="faq-section bg pt-120 pb-120">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-8 text-center">
        <div class="section-header">
          <h3 class="sub-title">HOW CAN WE HELP?</h3>
          <h2 class="section-title">Frequently Asked Questions</h2>
          <p>Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida</p>
        </div>
      </div>
    </div>
    <div class="row justify-content-center mb-30-none">
      <div class="col-lg-8 mb-30">
        <div class="faq-wrapper">
          <div class="faq-item">
            <h3 class="faq-title"><span class="title">Does Utomik work on mobile,Mac and Windows?</span><span class="right-icon"></span></h3>
            <div class="faq-content">
              <p>The base requirement is to simply have an internet connection in order to run gamio. Our downloading system will decide how much of the game to download before starting a game based upon your connection.</p>
              <p>This means that if you have a fast connection,the games will start up faster due to downloading less. If you have a slow connection,the games will start up slower due to downloading more,but this is to ensure that you have no issues while you play no matter what connection speed you have. </p>
              <p>If you would like further information about how this system works,please send an email to <a href="#0">support@medforce.com.</a></p>
            </div>
          </div>
          <div class="faq-item">
            <h3 class="faq-title"><span class="title">What kind of games are on Gamio?</span><span class="right-icon"></span></h3>
            <div class="faq-content">
              <p>The base requirement is to simply have an internet connection in order to run gamio. Our downloading system will decide how much of the game to download before starting a game based upon your connection.</p>
              <p>This means that if you have a fast connection,the games will start up faster due to downloading less. If you have a slow connection,the games will start up slower due to downloading more,but this is to ensure that you have no issues while you play no matter what connection speed you have. </p>
              <p>If you would like further information about how this system works,please send an email to <a href="#0">support@medforce.com.</a></p>
            </div>
          </div>
          <div class="faq-item active open">
            <h3 class="faq-title"><span class="title">What Internet speed do I need for Gamio?</span><span class="right-icon"></span></h3>
            <div class="faq-content">
              <p>The base requirement is to simply have an internet connection in order to run gamio. Our downloading system will decide how much of the game to download before starting a game based upon your connection.</p>
              <p>This means that if you have a fast connection,the games will start up faster due to downloading less. If you have a slow connection,the games will start up slower due to downloading more,but this is to ensure that you have no issues while you play no matter what connection speed you have. </p>
              <p>If you would like further information about how this system works,please send an email to <a href="#0">support@medforce.com.</a></p>
            </div>
          </div>
          <div class="faq-item">
            <h3 class="faq-title"><span class="title">Can I play as much as I want?</span><span class="right-icon"></span></h3>
            <div class="faq-content">
              <p>The base requirement is to simply have an internet connection in order to run gamio. Our downloading system will decide how much of the game to download before starting a game based upon your connection.</p>
              <p>This means that if you have a fast connection,the games will start up faster due to downloading less. If you have a slow connection,the games will start up slower due to downloading more,but this is to ensure that you have no issues while you play no matter what connection speed you have. </p>
              <p>If you would like further information about how this system works,please send an email to <a href="#0">support@medforce.com.</a></p>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 mb-30">
        <div class="faq-thumb"><img src="assets/images/faq/faq.png" alt="faq"></div>
      </div>
    </div>
    <div class="faq-bottom-area">
      <div class="row justify-content-center">
        <p>Do not hesitate to <span>contact us</span>if you have any questions about our pricing plans. We're here to help  and don’t forget to check the <span>FAQ page.</span></p>
      </div>
    </div>
  </div>
</section>
<!-- faq-section end --> 

<!-- footer-section start -->
<section class="footer-section bg bg_img" data-background="assets/images/footer-bg.png">
  <div class="footer-element"> <a href=""><img src="assets/images/phone.png" alt="phone"></a> </div>
  <div class="footer-element-one"> <img src="assets/images/footer/footer-element-one.png" alt="element"> </div>
  <div class="footer-element-two"> <img src="assets/images/footer/footer-element-two.png" alt="element"> </div>
  <div class="footer-element-three"> <img src="assets/images/footer/line1.png" alt="element"> </div>
  <div class="footer-element-four"> <img src="assets/images/footer/line1.png" alt="element"> </div>
  <div class="footer-element-five"> <img src="assets/images/footer/line9.png" alt="element"> </div>
  <div class="footer-element-six"> <img src="assets/images/footer/line9.png" alt="element"> </div>
  <div class="footer-element-seven"> <img src="assets/images/footer/line3.png" alt="element"> </div>
  <div class="footer-element-eight"> <img src="assets/images/footer/line5.png" alt="element"> </div>
  <div class="footer-element-nine"> <img src="assets/images/footer/line5.png" alt="element"> </div>
  <div class="footer-element-ten"> <img src="assets/images/footer/line5.png" alt="element"> </div>
  <div class="footer-element-eleven"> <img src="assets/images/footer/line5.png" alt="element"> </div>
  <div class="footer-element-twelve"> <img src="assets/images/footer/line5.png" alt="element"> </div>
  <div class="footer-element-thirteen"> <img src="assets/images/footer/manyline.png" alt="element"> </div>
  <div class="footer-element-fourteen"> <img src="assets/images/footer/line5.png" alt="element"> </div>
  <div class="footer-element-fifteen"> <img src="assets/images/footer/line5.png" alt="element"> </div>
  <div class="footer-element-sixteen"> <img src="assets/images/footer/line5.png" alt="element"> </div>
  <div class="footer-element-seventeen"> <img src="assets/images/footer/circle3.png" alt="element"> </div>
  <div class="footer-shape"> <img src="assets/images/footer/dotline.png" alt="element"> </div>
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="footer-content">
          <h3 class="sub-title">Subscribe to Medforce</h3>
          <h2 class="title">To Get Exclusive Benefits</h2>
          <form class="footer-form">
            <input type="email" name="email" placeholder="Your Email Address">
            <input type="submit" class="cmn-btn" value="Subscribe">
          </form>
          <p>We respect your privacy, so we never share your info</p>
        </div>
        <div class="footer-bottom d-flex flex-wrap justify-content-between align-items-center">
          <div class="footer-logo"> <a href="#0"><img src="assets/images/banner/logo.png" alt="logo"></a> </div>
          <div class="footer-btn"> <a href="#0" class="cmn-btn">Join Us</a> </div>
        </div>
        <div class="copyright-area d-flex flex-wrap justify-content-between">
          <div class="copyright-content">
            <p>Copyright © 2019.All Rights Reserved By web</p>
          </div>
          <ul class="blog-social">
            <li><a href="#0"><i class="fab fa-facebook-f"></i></a></li>
            <li><a href="#0" class="active"><i class="fab fa-twitter"></i></a></li>
            <li><a href="#0"><i class="fab fa-instagram"></i></a></li>
            <li><a href="#0"><i class="fab fa-pinterest-p"></i></a></li>
            <li><a href="#0"><i class="fab fa-google-plus-g"></i></a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- footer-section end --> 

<!-- jquery --> 
<script src="https://www.jq22.com/jquery/jquery-3.3.1.js"></script><!-- migarate-jquery --> 
<script src="assets/js/jquery-migrate-3.0.0.js"></script> 
<!-- bootstrap js --> 
<script src="assets/js/bootstrap.min.js"></script> 
<!-- magnific-popup js --> 
<script src="assets/js/jquery.magnific-popup.js"></script> 
<!-- isotope --> 
<script src="assets/js/isotope.pkgd.min.js"></script> 
<!-- nice-select js--> 
<script src="assets/js/jquery.nice-select.js"></script> 
<!-- swipper js --> 
<script src="assets/js/swiper.min.js"></script> 
<!-- waypoints js link --> 
<script src="assets/js/jquery.waypoints.min.js"></script> 
<!-- counterup js --> 
<script src="assets/js/jquery.counterup.min.js"></script> 
<!-- datepicker js --> 
<script src="assets/js/datepicker.min.js"></script> 
<!-- datepicker js --> 
<script src="assets/js/datepicker.en.js"></script> 
<!-- viewport js --> 
<script src="assets/js/viewport.jquery.js"></script> 
<!-- odometer js --> 
<script src="assets/js/odometer.min.js"></script> 
<!-- map js --> 
<script src="assets/js/jquery.vmap.min.js"></script> 
<script src="assets/js/jquery.vmap.world.js"></script> 
<!-- wow js file --> 
<script src="assets/js/wow.min.js"></script> 
<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/Swiper/4.4.6/js/swiper.min.js"></script> 
<script src="assets/js/plugin.js"></script> <!-- paroller js --> 
<script src="assets/js/jquery.paroller.min.js"></script> 
<!-- main --> 
<script src="assets/js/main.js"></script> 
<script>
    jQuery(document).ready(function () {
        jQuery('#vmap').vectorMap({
            map: 'world_en',
            color: '#2a3e72',
            backgroundColor: 'transparent',
            hoverOpacity: .8,
            selectedColor: '#ffca24',
            scaleColors: ['#f7fcff', '#f7fcff'],
            normalizeFunction: 'polynomial'})});</script>
</body>
</html>